<html lang="zh-CN"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个网页</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <style>
 body {
            background: linear-gradient(to right, #c7e6ffff, #0990a1ff);
        }
</style>
    <header>
        <h1>欢迎来到青青子衿的第一个网站</h1>
        <h2>请点击“首页”进入我的网站</h2>
        <nav>
            <ul>
                <li><a href="https://gitee.com/zyj1208/zyj1208.git">首页</a></li>
                <li><a href="https://www.bilibili.com/video/BV1Q34y1E72s/?spm_id_from=333.1387.homepage.video_card.click">Jared McCain</a></li>
                <button id="clickBtn1">Who is my LOVE!</button>
                 <script>
        document.addEventListener('DOMContentLoaded', function() {
            const button = document.getElementById('clickBtn1');
            let clickCount = 0;
            
            button.addEventListener('click', function() {
                clickCount++;
                if (clickCount === 1) {
                    alert('就是万小姐');
                } else if (clickCount === 2) {
                    alert('还得是万小姐');
                } else if (clickCount === 3) {
                    alert('必须得是万小姐');
                } else {
                    alert('别问了，无论多少次都是万小姐');
                }
            });
        });
    </script>
            </ul>
        </nav>
    </header>
    
    <main>
        <section>
            <h2>这是我的网站</h2>
<h3>每天就是上课睡觉吃饭打游戏</h3>
            <p>这是网站的主要内容区域。</p> 
			<h4>每天都是困困困饿饿饿</h4>
          <h2>校园小花</h2>
           <img src="./c60f3865473c4c13bdb28bc8821e5f2c.png" alt="小花" width="900" height="600">
        </section>
    </main>
    
    <footer>
        <p>© 2025 青青子衿的网站. 保留所有权利。</p>

    </footer>
    
    <script src="script.js"></script>


</body></html>
